/*****************
      menu
*****************/
.menu-bar{
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #5fd2f5b2 0.0%, #5fd2f5b2 0.662%, #1865c4b2 100.0%);
}
.menu-item {
    -fx-pref-width: 130;
    -fx-pref-height: 40;
}
.menu-item:focused {
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #d3dadfff 0.0%, #3d5368ff 100.0%);
}
.menu-item:focused Text{
    -fx-fill:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #fa00fdff 0.0%, #02dcddff 100.0%);
}
/*****************
      tree view
*****************/
.tree-cell{
    -fx-background-color:#bfefff66;}
.tree-view{
    -fx-padding:0px;
    -fx-font-size: 20px;
    -fx-background-radius: 10;
}
.tree-view :focused{
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #d3dadfff 0.0%, #3d5368ff 100.0%);
    -fx-background-radius: 10;
}
.tree-view :selected{
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #7ee8ecff 0.0%, #4a4ae3ff 100.0%);
    -fx-background-radius: 10;
}
/************************
    scroll bar
*************************/
.scroll-bar:horizontal .increment-button ,
.scroll-bar:horizontal .decrement-button {
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 0.0 10.0 0.0;
}
.scroll-bar:vertical .increment-button ,
.scroll-bar:vertical .decrement-button {
    -fx-background-radius : 0.0em;
    -fx-padding :0.0 10.0 0.0 0.0;
}

 .scroll-bar .increment-arrow,
 .scroll-bar .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.15em;
}

 .scroll-bar:vertical .increment-arrow,
 .scroll-bar:vertical .decrement-arrow{
    -fx-shape : " ";
    -fx-padding :0.0 0.15em;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color :
    #8cc4d4cc;
    -fx-background-insets :0;
    -fx-background-radius : 0.0em;
}

.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
    -fx-background-color :
    #8cc4d4ff;
}

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
    -fx-background-color :#8ec5d44d;
    -fx-border-color :#8ec5d44d;
    -fx-background-insets:0;
    -fx-background-radius: 10;
}

.scroll-bar:horizontal .track:hover,
.scroll-bar:vertical .track:hover{
    -fx-background-color :
    #8ec6d480;
}
/*****************
      text area
*****************/
.text-area {
  -fx-font-family: Consolas;
  -fx-highlight-fill:
  linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #9becfcff 0.0%, #64c7f8ff 50.0%, #0253d5ff 100.0%);
  -fx-text-fill:black;
  -fx-background-color:#a1ebffcc;
}
/*****************
   table view
*****************/
.table-view{
   -fx-background-color: transparent;
}

.table-view:focused{
    -fx-background-color: transparent;
}

.table-view .column-header-background{
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #9becfcff 0.0%, #64c7f8ff 50.0%, #0253d5ff 100.0%);
}

.table-view .column-header-background .label{
    -fx-background-color: transparent;
    -fx-text-fill: black;
}

.table-view .column-header {
    -fx-background-color: transparent;
}

.table-view .table-cell{
    -fx-text-fill: black;
    -fx-background-radius: 10;
}

.table-row-cell{
    -fx-background-color: -fx-table-cell-border-color, #bfefff66;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em; /* 0 */
    -fx-background-radius: 10;
}

.table-row-cell:odd{
    -fx-background-color: -fx-table-cell-border-color, #bfefff66;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-background-radius: 10;
    -fx-padding: 0.0em; /* 0 */
}

.table-row-cell:selected {
    -fx-background-color:
linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #7ee8ecff 0.0%, #4a4ae3ff 100.0%);
    -fx-background-insets: 0;
    -fx-background-radius: 10;
}
/************************
        list view
************************/
.list-cell:filled:selected:focused, .list-cell:filled:selected {
    -fx-background-color:
     linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #7ee8ecff 0.0%, #4a4ae3ff 100.0%);
    -fx-text-fill: black;
    -fx-background-radius: 10;
}
.list-cell { -fx-text-fill: black; -fx-background-radius: 10;/* 5 */ }
.list-cell:odd { -fx-background-color: #bfefff66; -fx-background-radius: 10;/* 1 */ }
.list-cell:even { -fx-background-color:#bfefff66; -fx-background-radius: 10;/* for information */ }

/*****************
context menu
*****************/
.context-menu .context-menu{
    -fx-background-color:white;
    -fx-background-radius:3px;
    -fx-background-insets:0 0 0 1.5px;
    -fx-padding:5px 0 5px 1.5px;
    -fx-min-width:150px;
    -fx-effect: dropshadow(three-pass-box, rgba(50, 0, 0,0), 50.0,5.0, 0, 0);
    -fx-font-size:20px;
}
.context-menu : focused{
    -fx-background-color:#b5e5eaff;
}
.context-menu .separator{
    -fx-pref-height:1px;
    -fx-background-color:grey;
}
/*************************
       split pane
*************************/
.split-pane:horizontal > .split-pane-divider {
   -fx-background-color: #a1ebffcc;
      -fx-padding:1;
}
.split-pane:vertical > .split-pane-divider {
   -fx-background-color: #a1ebffcc;
   -fx-padding:1;
}
/****************************
            tab pane
****************************/
/* 修改TabPane的Pane区域背景颜色 */
.tab-pane {
    -fx-background-color:transparent}
/* 修改Tab的背景颜色 */
.tab {
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #d3d9de80 0.0%, #3c526680 100.0%);
}
/* 修改顶栏的背景颜色 */
.tab-pane>*.tab-header-area>*.tab-header-background
{
    -fx-background-color:
            linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #9becfa80 0.0%, #9becfa80 0.662%, #65c9f780 50.0%, #0256d480 100
            .0%);
}
/* tab选中时设置背景颜色 */
.tab:selected {
    -fx-background-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #ed231180 0.0%, #f5a91d80 100.0%);
    -fx-border-color:transparent;
}
/* Tab选中的时候选中其边框并修改样式 */
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 0px 0px 0px 0px;
}
/***********************************
            Button
************************************/
.okBt-prompt{
    -fx-background-color:linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #7ee8ecff 0.0%, #4a4ae3ff 100.0%);
    -fx-font-family: "Comic Sans MS";
    -fx-font-style: italic;
    -fx-font-size: 22;
    -fx-text-fill: #ffffffff;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
}
.okBt-prompt:hover{
    -fx-background-color:linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #1c84ecff 0.0%, #ad0decff 100.0%);
}
.cancelBt-prompt{
    -fx-background-color:linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #d3dadfff 0.0%, #3d5368ff 100.0%);
    -fx-font-family: "Comic Sans MS";
    -fx-font-style: italic;
    -fx-font-size: 22;
    -fx-text-fill: #ffffffff;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
}
.cancelBt-prompt:hover{
    -fx-background-color:linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #193237ff 0.0%, #2e4e58ff 50.0%, #39687cff 100
    .0%);
}
/******************************
        textFiled
******************************/
.textFiled-input{
    -fx-background-color: transparent;
    -fx-highlight-fill:
      linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #9becfcff 0.0%, #64c7f8ff 50.0%, #0253d5ff 100.0%);
    -fx-padding:2;
    -fx-font-size: 25;
    -fx-SPACING:4px;
    -fx-border-radius: 3px;
    -fx-background-radius: 10px;
}
/**************************************
                hbox
**************************************/
.hb-input{
    -fx-background-color:#ffffff99;
    -fx-border-color:
    linear-gradient(from 0.0% 0.0% to 100.0% 0.0%, #9becfcff 0.0%, #64c7f8ff 50.0%, #308ef280 100.0%);
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
}